.mid-hav {
    display: flex;
    margin: 0 64rpx;
    height: 1388rpx;
    flex-direction: column;

    .content1 {
        /* background: #008000; */
        display: flex;
        margin-top: 30rpx;
        background: #f0f0f0;
        width: auto;
        height: 472rpx;
        border-radius: 20rpx;
        box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);
        flex-direction: column;

        .hav1 {
            display: flex;
            margin-top: 48rpx;
            width: 100%;
            height: 76rpx;

            .img-path {
                display: flex;
            }
            .imag {
                display: flex;
                margin-left: 56rpx;
                width: 76rpx;
                height: 76rpx;

                .image1 {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    /* 保持图片比例并填充整个区域 */
                    border-radius: 50%;
                    /* 让图片呈现圆形 */
                }
            }

            .hu {
                display: flex;
                margin-top: 3rpx;
                width: 144rpx;
                height: 100%;
                flex-direction: column;

                .name {
                    display: flex;
                    width: 130rpx;
                    height: 30rpx;
                    justify-content: center;
                    align-items: center;
                    font-size: 24rpx;
                    font-family: PingFang SC, PingFang SC-500;
                    font-weight: 500;
                    text-align: CENTER;
                    color: #000000;
                    line-height: 28rpx;
                    text-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);
                }
            }

            .it {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 142rpx;
                height: 30rpx;
                font-size: 20rpx;
                font-family: PingFang SC, PingFang SC-500;
                font-weight: 500;
                color: #c0bfbf;
                text-align: CENTER;
                line-height: 24rpx;
                text-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);
            }

            .cz {
                display: flex;
                margin-left: 200rpx;
                width: 100rpx;
                height: 40rpx;
                justify-content: center;
                background: #f2bb16;
                border-radius: 20rpx;
                box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);

                .button {
                    display: flex;
                    margin-top: 3rpx;
                    margin-bottom: 4rpx;
                    width: 80rpx;
                    height: 36rpx;
                    justify-content: center;
                    align-items: center;
                    font-size: 24rpx;
                    font-family: PingFang SC, PingFang SC-500;
                    font-weight: 500;
                    text-align: CENTER;
                    color: #ffffff;
                    line-height: 28rpx;
                }

            }
        }

        .tag {
            display: flex;
            flex-direction: row;
            margin-left: 58rpx;
            margin-top: 32rpx;
            width: 384rpx;
            height: 38rpx;

            .tag1 {
                display: flex;
                width: 180rpx;
                height: 38rpx;
                font-size: 24rpx;
                font-family: PingFang SC, PingFang SC-500;
                font-weight: 500;
                text-align: center;
                color: #f2bb16;
                line-height: 28rpx;
                text-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);

            }

            .tag2 {
                display: flex;
                width: 204rpx;
                height: 38rpx;
                font-size: 24rpx;
                font-family: PingFang SC, PingFang SC-500;
                font-weight: 500;
                text-align: center;
                color: #000000;
                line-height: 28rpx;
                text-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);
            }

        }

        .ims {
            display: flex;
            margin-top: 20rpx;
            margin: 0 66rpx;
            height: 120rpx;

            .ims2 {
                display: flex;
                width: 132rpx;
                height: 120rpx;
                margin-right: 51rpx;
                background: #ffffff;
                border-radius: 20rpx;
                box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25), 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);
            }


        }

        .fen {
            display: flex;
            width: 180rpx;
            height: 36rpx;
            margin-top: 26rpx;
            margin-left: 66rpx;
            background: #d9d9d9;
            border-radius: 30rpx;
            box-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);
        }

        .ove {
            display: flex;
            margin-left: 58rpx;
            margin-top: 20rpx;
            flex-direction: row;
            width: 528rpx;
            height: 48rpx;

            .ove1 {
                display: flex;
                width: 430rpx;
                height: 48rpx;

                .ove2 {
                    display: flex;
                    width: 110rpx;
                    height: 48rpx;

                    &:last-child {
                        margin-right: 0;
                    }
                }

                .ove3 {
                    display: flex;
                    width: 48rpx;
                    height: 48rpx;
                }

                .ove4 {
                    display: flex;
                    width: 60rpx;
                    height: 48rpx;
                    justify-content: center;
                    align-items: center;
                    font-size: 24rpx;
                    font-family: PingFang SC, PingFang SC-500;
                    font-weight: 500;
                    text-align: CENTER;
                    color: #545050;
                    line-height: 28rpx;
                    text-shadow: 0rpx 8rpx 8rpx 0rpx rgba(0, 0, 0, 0.25);

                }

            }

            .over {
                display: flex;
                width: 148rpx;
                height: 48rpx;
                justify-content: center;
                /* 水平居中 */
                align-items: center;
                /* 垂直居中 */

                .over1 {
                    display: flex;
                    width: 32rpx;
                    height: 32rpx;
                    margin-left: 30rpx;
                }
            }
        }
    }
}